<template>
  <nav>
    <ul>
        <li>
            <router-link :to="{name:'AddPersonCom'}">添加人员</router-link>
        </li>
        <li>
            <router-link :to="{name:'ListPersonCom'}">人员列表</router-link>
        </li>
        <li>
            <router-link :to="{name:'SchoolList'}">高校查询</router-link>
        </li>
        <li>
            <router-link :to="{name:'ProductList'}">商品查询</router-link>
        </li>
        <li>
            <router-link :to="{name:'EditProd'}">编辑商品</router-link>
        </li>
    </ul>
  </nav>
</template>

<script>
export default {
    name:'HomeSlide',
}
</script>

<style scoped>
nav{
    width: 20%;
    height: 100%;
    background-color: #008b8b;
    display: flex;
    justify-content: center;
}
nav ul{
    width: 80%;
    margin-top: 50px;
}
nav ul li a{
    display: block;
    width: 100%;
    height: 50px;
    color: white;
    font-weight: 800;
    text-align: center;
    line-height: 50px;
}
nav ul li .router-link-active{
    border-bottom: 2px solid white;
    font-size: 14px;
}
</style>